<template>
	<view>
		<view class="text-lg text-bold " style="margin: 30rpx;font-size: 45rpx;">楼栋长管理端</view>
		<view class="menu-list">
			<block v-for="(item,index) in menuList" :key="index">
				<view class="menu-tem" @click="itemClickHandle(item.url)">
					<u-icon :name="item.icon" color="#ff0000" size="70"></u-icon>
					<text class="menu-item-text">{{item.name}}</text>
				</view>
			</block>
		</view>
		<!-- <view class="text-lg text-bold margin-top-xs " style="margin: 30rpx;font-size: 45rpx;">已送订单楼栋长管理端</view>
		<view class="menu-list">
			<block v-for="(item,index) in wsmenuList" :key="index">
				<view class="menu-tem" @click="itemClickHandle(item.url)">
					<u-icon :name="item.icon" color="#ff0000" size="70"></u-icon>
					<text class="menu-item-text">{{item.name}}</text>
				</view>
			</block>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				super: false,
				menuList:[],
				menuListZhong: [{
					icon: 'home-fill',
					name: '33栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓33栋"
				}, {
					icon: 'home-fill',
					name: '32栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓32栋"
				}, {
					icon: 'home-fill',
					name: '31栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓31栋"
				}, {
					icon: 'home-fill',
					name: '30栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓30栋"
				}, {
					icon: 'home-fill',
					name: '21栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓21栋"
				}, {
					icon: 'home-fill',
					name: '16栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓16栋"
				}, {
					icon: 'home-fill',
					name: '15栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓15栋"
				}, {
					icon: 'home-fill',
					name: '26栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓26栋"
				}, {
					icon: 'home-fill',
					name: '14栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓14栋"
				}, {
					icon: 'home-fill',
					name: '29栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓29栋"
				}, {
					icon: 'home-fill',
					name: '20栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓20栋"
				}, {
					icon: 'home-fill',
					name: '28栋北楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓28栋北"
				}, {
					icon: 'home-fill',
					name: '28栋南楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓28栋南"
				}, {
					icon: 'home-fill',
					name: '27栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓27栋"
				}, {
					icon: 'home-fill',
					name: '24栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓24栋"
				}, {
					icon: 'home-fill',
					name: '12栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓12栋"
				}, {
					icon: 'home-fill',
					name: '13栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓13栋"
				}, {
					icon: 'home-fill',
					name: '25栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓25栋"
				}, {
					icon: 'home-fill',
					name: '1栋南楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓1栋南"
				}, {
					icon: 'home-fill',
					name: '1栋北楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓1栋北"
				}, {
					icon: 'home-fill',
					name: '3栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓3栋"
				}, {
					icon: 'home-fill',
					name: '4栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓4栋"
				}, {
					icon: 'home-fill',
					name: '2栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓2栋"
				}, {
					icon: 'home-fill',
					name: '19栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓19栋"
				}, {
					icon: 'home-fill',
					name: '南八舍楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓南八舍"
				}, {
					icon: 'home-fill',
					name: '南六舍楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓南六舍"
				}, {
					icon: 'home-fill',
					name: '17栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓17栋"
				}, {
					icon: 'home-fill',
					name: '8栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓8栋"
				}, {
					icon: 'home-fill',
					name: '9栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓9栋"
				}, {
					icon: 'home-fill',
					name: '35栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓35栋"
				}, {
					icon: 'home-fill',
					name: '南五楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓南五舍"
				}, {
					icon: 'home-fill',
					name: '34栋楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=升华公寓34栋"
				}, {
					icon: 'home-fill',
					name: '本部15舍楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=本部15舍"
				}, {
					icon: 'home-fill',
					name: '本部桃花公寓A楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=本部桃花公寓A"
				}, {
					icon: 'home-fill',
					name: '本部桃花公寓B楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=本部桃花公寓B"
				}, {
					icon: 'home-fill',
					name: '本部桃花公寓C楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=本部桃花公寓C"
				}, {
					icon: 'home-fill',
					name: '本部3舍楼栋长管理',
					url: "/pages/manage/manageLou/louDetail/louDetail?louname=本部3舍"
				}],
				menuListCai:[
					{
						icon: 'home-fill',
						name: 'A栋a分区楼栋长管理',
						url: "/pages/manage/manageLou/louDetail/louDetail?louname=A栋a分区"
					},{
						icon: 'home-fill',
						name: 'A栋b分区楼栋长管理',
						url: "/pages/manage/manageLou/louDetail/louDetail?louname=A栋b分区"
					},{
						icon: 'home-fill',
						name: 'A栋c分区楼栋长管理',
						url: "/pages/manage/manageLou/louDetail/louDetail?louname=A栋c分区"
					}, {
						icon: 'home-fill',
						name: '望麓桥2栋楼栋长管理',
						url: "/pages/manage/manageLou/louDetail/louDetail?louname=望麓桥2栋"
					}
				]
			}
		},
		onLoad(option) {
			this.super = option.super
			this.school = option.school
			if(this.school == 0||this.school == 1){
				this.menuList = this.menuListZhong
			}else{
				this.menuList = this.menuListCai
			}
		},
		methods: {
			itemClickHandle(url) {
				if (this.super == false || this.super == undefined) {
					uni.navigateTo({
						url: url+"&school="+Number(this.school)
					})
				} else {
					url = url + "&super=true"
					uni.navigateTo({
						url: url+"&school="+Number(this.school)
					})
				}
			}
		}
	}
</script>



<style>
	.menu-list {
		display: flex;
		width: 100vw;
		flex-wrap: wrap;
	}

	.menu-tem {
		box-sizing: border-box;
		flex: 0 0 33.33%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 192rpx;
		border-right: 1px solid #eaeef1;
		border-bottom: 1px solid #eaeef1;

	}

	.menu-item-text {
		font-size: 26rpx;
		margin-top: 10rpx;
		color: #333;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
</style>
